<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="todo.css">
    <!-- <script src="./todo.js"></script> -->
    <!-- <script src="./newTodo.js"></script> -->
    <script src="./finalTodo.js"></script>
</head>

<body>
    <div class="todo">
        <div class="addTodo">
            <input type="text" placeholder="请输入你的任务名称,按回车键确认" class="add">
        </div>
        <div class="todolist">
            <ul>
            </ul>
        </div>
        <div class="record">
            <input type="checkbox" name="" id="checkAll" class="lf checkAll ">
            <p class="lf">
                已完成<span class="finish">0</span>/
                全部<span class="all">0</span>
            </p>
            <button class="clear rf">清除已完成任务</button>
        </div>
    </div>
</body>
<!-- 
    布局的结构不合理，臃肿，多余
 -->

</html>